<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<script type="text/javascript" src="../js/jquery-1.12.4.js"></script>
<script type="text/javascript">


$(
function(){
	var country=["中国","美国","法国","英国"];
	var json=[{"name":"张三","nl":18,"sex":"男"},{"name":"张三","nl":18,"性别":"男"},{"name":"张三","nl":18,"sex":"女"}]
var str="";
for(var i=0;i<country.length;i++){
str+="<li>"+country[i]+"</li>";

}
$("ul").html(str);
var s="<tr><th>姓名</th><th>年龄</th><th>性别</th></tr>";
for(var i=0;i<json.length;i++){
s+="<tr><th>"+json[i].name+"</th><th>"+json[i].nl+"</th><th>"+json[i].nl+"</th></tr>"

}
$("table").html(s);


}

);
</script>
</head>
<body>
<ul>
</ul>
<table>
</table>
</body>
</html>